.clsLinks
{
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f1f1f1;
	border-radius: 4px;
	margin-top: 20px;
}

.clsLinks li 
{
	display: inline-block;
	padding: 0px 20px;
	text-decoration: none;
}

.clsLinks li a
{
	color: #282828;

}


.clsLinks li a:hover
{
	text-decoration: none;
	color: #df3536;

}

.img-shadow
{
	box-shadow: 10px 10px 60px #23232366;
}

p
{
    text-align: justify;
}

.horizontal-line { 
    margin-top: 0px;
    height: 1px;
    border: 0;
    background: #888888;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #888888));
}

 #slider {
    width:900px;
    height:361px;
    border-width:1px;
    border-style: solid;
    box-shadow: 5px 5px 5px  #888888;
    /*IE bugfix*/
    padding:0;
    margin:0;
}

#slider li { list-style:none; }

#page {
    width:900px;
    margin:20px auto;
}
#menu{
    margin-left: 100px;
    width:100%;

}

.container-logo{
    margin-top: 15px;
    margin-left: 15px;
    padding-bottom:15px;
}

.home-section {
    padding-top: 80px;
    padding-bottom: 210px;
}

$('body').scrollspy();

#content {
    height: 100%;
    overflow-y: scroll;
    width:900px;
}


.item
{
  width: auto;
  height: 350px;
  max-height: 350px;
}
.img
{
	object-fit: contain !important;
	height: 60vh !important;
	max-height: 100%;
	width: 100% !important;
}	
.item img
{
    object-fit: cover;
    max-width:100%;
    max-height:100%;
}
.carousel-caption
{
    color: #eee;
    background: #44444499;
    margin: 0px;
    line-height: 8px;
    padding: 10px;
    padding-top: 20px;
    width: 100%;
    position: relative;
    top: -65px;
    left: auto;
    right: auto;
}
.carousel-caption p
{
    margin-left: 15px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 15%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 15%;
  margin-right: -10px;
}

.clsPrice
{
font-size: 20px;
font-weight: bold;

}
.clsVariants
{
background-color: #ccc;
font-size: 12px;
padding: 5px 8px;
border-radius: 3px;
font-weight: bold;

}
.clsPbAct {
	padding: 10px 25px 10px 25px; 
    font-size: 13px;
    border: 1px solid red;
    border-radius: 5px; 
    outline: 0;
    box-shadow: 0px 5px 8px #AAA;
    font-weight: bold;
    background-color: #E00032; 
    margin-left: 3px;
	color: white;
}
.clsPbAct:hover {
    padding: 10px 25px 10px 25px; 
    border: 1px solid red;
    box-shadow: none;
    border-radius: 5px; 
    outline: 0;
    font-weight: bold;
    background-color: #E00032;
}
